<template>
  <div class="sibling-demo-view">
    <h1>🔄 兄弟组件通信演示（方式一：父组件中转）</h1>
    <p>点击“兄弟 A”的按钮，看“兄弟 B”是否收到消息 👇</p>

    <ParentWrapper />
  </div>
</template>

<script setup>
import ParentWrapper from '@/components/ParentWrapper.vue'
</script>

<style scoped>
.sibling-demo-view {
  padding: 40px 20px;
  max-width: 800px;
  margin: 0 auto;
}
.sibling-demo-view h1 {
  color: #333;
  text-align: center;
}
.sibling-demo-view p {
  text-align: center;
  color: #666;
  margin-bottom: 30px;
}
</style>
